<template>
	<div id="app">
		<router-view />
		<theme-picker />
	</div>
</template>

<script>
	import ThemePicker from '@/components/ThemePicker';
	export default {
		name: 'App',
		components: { ThemePicker },
		metaInfo() {
			return {
				title:
					this.$store.state.settings.dynamicTitle &&
					this.$store.state.settings.title,
				titleTemplate: title => {
					return title
						? `${title} - ${process.env.VUE_APP_TITLE}`
						: process.env.VUE_APP_TITLE;
				},
			};
		},
		data() {
			return {};
		},
		created() {},

		mounted() {},
		methods: {},
	};
</script>
<style scoped>
	#app {
		overflow-y: auto;
		scroll-behavior: smooth;
	}
	#app .theme-picker {
		display: none;
	}
</style>
